<div class="col-md-6">
  <div id="add-task">
    <form class="well row form-inline add-task">
      <div class="pull-left form-group">
        <input type="text" class="form-control" placeholder="Enter a new task's title and press return" name="title">
      </div>
      <button type="submit" class="btn btn-default pull-right"><i class="glyphicon glyphicon-plus"></i></button>
    </form>
  </div>
  <ul id="task-list"></ul>
</div>
<div class="col-md-6">
  <div id="selected-task"></div>
  <div class="alert alert-warning" id="warning-no-task-selected">
    <strong>Note:</strong> Select a task to edit or delete it.
  </div>
</div>